{% extends "_layouts/examples.html" %}
{% block title %}Lists / Stretched with alignment{% endblock %}

{% block standalone_css %}patterns_lists{% endblock %}

{% block content %}
<ul class="p-inline-list--stretch">
  <li class="p-inline-list__item"><h3>Documentation</h3></li>
  <li class="p-inline-list__item u-vertically-center u-align--right">
    <span class="p-chip--positive is-readonly is-inline">New</span>
  </li>
</ul>
{% endblock %}
